<template>
    <div class="app-container">
      <!--#begineditable name="文章内容" action="" layout="" tpltype="" contype="" clone="" viewid="271191" contentviewid="" tagname="文章内容"-->
      <h2 style="text-align: center">{{ title }}</h2>
  
      <div class="nei_jgsz_xq_zw">
        <div id="vsb_content">
          <p  class="content"    style="
              font-family: 微软雅黑, sans-serif;
              color: black;
              font-size: 18px;
              text-indent: 40px;
            "
            v-html="content"
          ></p>
          <p><br /></p>
  
          <p style="background: white; line-height: 1.75em">
            <span
              style="
                font-family: 微软雅黑, sans-serif;
                color: black;
                font-size: 16px;
              "
              >发布企业: {{ company }}</span
            >
          </p>
          <p style="background: white; line-height: 1.75em">
            <span
              style="
                font-family: 微软雅黑, sans-serif;
                color: black;
                font-size: 16px;
              "
              >发布时间:{{ time }}
            </span>
          </p>
          <p><br /></p>
          <p style="line-height: 1.75em"><br /></p>
          <p><br /></p>
        </div>
      </div>
  
      <p></p>
      <ul style="list-style-type: none">
        <!-- href="https://chanyejs.haut.edu.cn/system/_content/download.jsp?urltype=news.DownloadAttachUrl&amp;owner=1884883950&amp;wbfileid=4728735" -->
            
        <li>
          附件【<a v-bind:href="filePath" target="_blank" >附件下载</a >】 
        </li>
      </ul>
      <p></p>
    </div>
  </template>
    <script>
  export default {
    name: "listDetail",
    data() {
      return {
        /*以下方法就是接收父页面传参
                 获取id:this.$route.params.id
                 获取title:this.$route.params.title,
                 */
        title: 0,
        id: 0,
        company: 0,
        content: 0,
        time:0,
        filePath:''
      };
    },
    methods: {
      //这里面可以根据获取到的id进行获取相应数据
    },
    created() {
      this.title = this.$route.query.title;
      this.id = this.$route.query.id;
      this.company = this.$route.query.company;
      this.content = this.$route.query.content;
      this.time=this.$route.query.time;
      this.filePath=this.$route.query.filePath;
    },
  };
  </script>
    